<template>
    <div class="MyContainer">
		<div class="basicInfo">
			<div class="mes1">
				<a href="基本信息.jsp">用户信息</a>
			</div>
			<div class="mes2">
				<a href="健康评估.jsp">健康评估</a>
			</div>
			<div class="mes3">
				<a href="健康履历.jsp">健康履历</a>
			</div>
			<div class="mes4">
				<a href="用药记录.jsp">用药记录</a>
			</div>
			<div class="mes5">
				<a href="图表显示.jsp">身体指标</a>
			</div>
		</div>
		<table class="tab">
			<tr>
				<td colspan="4" class="index">检查结果</td>
			</tr>
			<tr>
				<td >身高</td>
				<td>
					<input type="text" class="stature" name="stature" value="${health.getHi_height()}"/>cm
				</td>
				<td >体重</td>
				<td>
					<input type="text" class="weight" name="weight" value="${health.getHi_weight()}"/>kg
				</td>
			</tr>
			<tr>
				<td >脉搏</td>
				<td>
					<input type="text" class="pulse" name="pulse" value="${health.getHi_pulse()}"/>次/分钟
				</td>
				<td >呼吸频率</td>
				<td>
					<input type="text" class="breath" name="breath" value="${health.getHi_breath()}"/>次/分钟
				</td>
			</tr>
			<tr>
				<td >血压低值</td>
				<td>
					<input type="text" class="b_low" name="b_low" value="${health.getHi_pressure_l()}"/>mmHg
				</td>
				<td >血压峰值</td>
				<td>
					<input type="text" class="b_high" name="b_high" value="${health.getHi_pressure_h()}"/>mmHg
				</td>
			</tr>
			<tr>
				<td >血糖</td>
				<td>
					<input type="text" class="b_g" name="b_g" value="${health.getHi_glucose()}"/>mmHg
				</td>
				<td >血脂</td>
				<td>
					<input type="text" class="b_l" name="b_l" value="${health.getHi_lipids()}"/>mmHg
				</td>
			</tr>
			<tr>
				<td >血氧浓度</td>
				<td>
					<input type="text" class="b_O2" name="b_O2" value="${health.getHi_SaO2()}"/>mmHg
				</td>
				<td >骨密度</td>
				<td>
					<input type="text" class="bone" name="bone" value="${health.getHi_bonedensity()}"/>mmHg
				</td>
			</tr>
			<tr>
				<td >认知状态</td>
				<td>
					<input type="text" class="cognition" name="cognition" value="${health.getHi_Cognition()}"/>
				</td>
				<td >评估时间</td>
				<td>
					<input type="text" class="emotion" name="emotion" value="${health.getHi_date()}"/>
				</td>
			</tr>
			<tr class="value">
				<td>健康评价</td>
				<td colspan="3">
					<textarea class="sym" name="sym">${health.getHi_assess()}</textarea>
				</td>
			</tr>
		</table>
		<table class="page">
			<td>
				<button onclick="First()">首页</button>
				<button onclick="Last()">上一页</button>
				<button onclick="Next()">下一页</button>
				<button onclick="End()">尾页</button>
				<label>当前数据库中共有${pagenum}页 </label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<button onclick="random()">转到</button>
				<input type="text" class="page-no" name="pageNo" id="randompage"/>
				<label>当前是第${pageno}页</label>&nbsp;&nbsp;
				<button class="add"  onclick="window.location.href='新增健康信息.jsp'">添加</button>
			</td>
		</table>
	</div>
</template>

<style src="../assets/css/font-awesome-4.7.0/css/font-awesome.min.css" scoped>
*{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-family: "microsoft yahei";
}
body
{
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px;
}
.basicInfo{
	background: #7FFFD4;
}
.header{
	background-color: #E0E0E0;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	height: 30px;
}
.header .mes1 a,.mes2 a,.mes3 a,.mes4 a,.mes5 a,.mes6 a{
	color: rgb(0,158,198);
	line-height: 30px;
	font-family: "microsoft yahei";
	margin-left: 90px;
	float: left;
	text-decoration: none;
}
.mes2 a{
	background-color: #7FFFD4;
	border-radius: 5px ;
	box-sizing: border-box;
}

.tab{
	margin-top: 50px;
	width: 100%;
	border: 1px solid greenyellow;
	border-collapse: collapse;
}
tr{
	height: 50px;
}
.tab td{
	border: 1px solid aquamarine;
	padding-left: 20px;
}
.tab tr:nth-child(even){
	background-color: #F8F8F8;
}
td:hover{
	background-color: #F2F2FA;
}
input{
	height: 35px;
	border:1px #AAAAAA solid;
	border-radius: 5px ;
	width: 80%;
	box-sizing: border-box;
	padding-left: 20px;
}
.value{
	height:90px;
}
textarea{
	height: 70px;
	border:1px #AAAAAA solid;
	border-radius: 5px ;
	width: 90%;
	padding-left: 20px;
	box-sizing: border-box;
}
.index{
	text-align:center;
}
.page{
	width: 100%;
	height: 35px;
	width: 100%;
	border-bottom: 1px solid greenyellow;
	border-right: 1px solid greenyellow;
	border-left: 1px solid greenyellow;
	border-collapse: collapse;
}
.page td{
	padding-left: 20px;
}
.page button{
	background-color: #467F16;
	color: #FFFFFF;
	border: 1px solid #e0e0e0;
	padding: 1px 5px;
	font-size: 12px;
	border-radius: 5px;
	border: 0px;
	cursor: pointer;
}
.page button:hover{
	background-color: #ADFF2F;
}
.page-no{
	width: 40px;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
}
.page input{
	padding-left: 10px;
}
</style>